.component {
  background-color: var(
    --theme-dialog-set-wallet-password-background-color
  ) !important;
  border-radius: 0 !important;
  bottom: 0;
  box-shadow: 0 5px 20px 0 var(--theme-dialog-set-wallet-password-box-shadow) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;

  .setPasswordDialog {
    font-family: var(--font-regular);
    height: 100%;
    width: 100%;

    .setPasswordWrapper {
      align-items: center;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;

      .insecureWalletIcon {
        height: 105px;
        object-fit: contain;
        width: 105px;

        svg {
          path,
          rect,
          circle {
            stroke: var(--theme-dialog-set-wallet-password-message-color);
          }

          g > g path:last-child {
            fill: var(--theme-dialog-set-wallet-password-message-color);
          }
        }
      }

      .setPasswordTitle {
        color: var(--theme-dialog-set-wallet-password-title-color);
        font-size: 20px;
        line-height: 1.2;
        padding-top: 36px;
        text-align: center;
      }

      .setPasswordMessage {
        color: var(--theme-dialog-set-wallet-password-message-color);
        font-size: 16px;
        line-height: 1.38;
        max-width: 670px;
        opacity: 0.7;
        padding-top: 11px;
        text-align: center;
      }

      .setPasswordButton {
        background-color: var(
          --theme-dialog-set-wallet-password-button-background-color
        );
        border: solid 1px
          var(--theme-dialog-set-wallet-password-button-border-color);
        border-radius: 5px;
        color: var(--theme-dialog-set-wallet-password-button-color);
        font-family: var(--font-regular);
        font-size: 14px;
        font-weight: 500;
        height: 50px;
        line-height: 1.36;
        margin-top: 30px;
        text-align: center;
        width: 360px !important;

        &:hover {
          background-color: var(
            --theme-dialog-set-wallet-password-button-background-color-hover
          );
          color: var(--theme-dialog-set-wallet-password-button-color-hover);
          cursor: pointer;
        }
      }
    }
  }
}
